/*
 *wap自定义样式
 *Arvin.chen@zkteco.com  2014.04.04
*/

/*
 *单条记录表单的样式
*/
.wap-table {
   margin: 0px;
   border-collapse: collapse;
   width: 98%;
   position: center;
}
.wap-table th{
    text-align: right;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    width:49%;
    font-size: 16px;
    line-height: 2.5em;
}
.wap-table td{
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    font-size: 16px;
    line-height: 1.5em;

}
/*
 *垂直table样式
*/
.wap-table-vertical {
   margin: 0px;
   border-collapse: collapse;
   width: 98%;
   position: center;
}
.wap-table-vertical td{
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    font-size: 16px;
    line-height: 1.5em;

}
.wap-table-vertical td.td_head{
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    width:49%;
    font-size: 16px;
    line-height: 1.5em;
}
.wap-table-vertical td h1{
    font-size: 16px;
}

/*
 *操作表单，显示已选对象位置的样式
*/
.wap-objs-for-op {
   _height:100px;
   min-height:100px;
   word-break: break-all;
   white-space: normal;
   word-wrap: break-word;
   left: 15px;
   left: 5px\9;
   border: 1px solid #d5d8d2;
   width: 98%;
   overflow: auto;
}
.wap-objs-for-op h1 {
   font-size: 16px;
}
.wap-objs-for-op div {
   margin-left:2.5em;
   font-size: 16px;
}

/*
 *报表无数据时提示信息的样式
*/
.wap-no-data {
   _height:100px;
   min-height:100px;
   word-break: break-all;
   white-space: normal;
   word-wrap: break-word;
   left: 15px;
   left: 5px\9;
   border: 1px solid #d5d8d2;
   width: 98%;
   overflow: auto;
}
.wap-no-data p {
   left: 50%;
   top: 50%;
   margin-top: 50px;
   margin-left: 40%;
}
/*
 * 验证信息的字体颜色设置
*/
.wap-error-info {
   color:#F00;
}
/*
 *报表数据显示界面显示查询条件的样式
*/
.wap-query-conditions {
   _height:100px;
  min-height:100px;
  word-break: break-all;
  white-space: normal;
  word-wrap: break-word;
  left: 15px;
  left: 5px\9;
  border: 1px solid #d5d8d2;
  width: 98%;
  overflow: auto;
  font-weight: bold
}
/*
 * 加载图片css
*/
.wap-loader-img {
  text-align:center;
  position:relative;
}
/*
 *考勤报表字体css
*/
.wap-red {
	color: #FF0000;
	font-weight: bold;
}
.wap-yellow {
	font-weight: bold;
	color: #FF9900;
}
.wap-green {
	font-weight: bold;
	color: #00CC00;
}

/*
 * jquery-mobile 自定义 icon
*/
.ui-icon-user {
    background:url('/media/wap/images/user.png') no-repeat 0 0;
}
.ui-icon-calendar {
    background:url('/media/wap/images/calendar.png') no-repeat 0 0;
}

/*
 * 主页的二级菜单样式
*/
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-content{
	margin:0 -15px;
	padding:10px 30px;
	border-left-width:0;
	border-right-width:0;
	border-top:none;
	background-image:none
}
.ui-collapsible ul li p {
    display:table-cell;
    vertical-align:middel;
    font-weight: bold;
}

